/**
*纵向布局（元素居上）+ 交叉居中
*/
.c-lc-ct_ac {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

/**
*纵向布局（元素居中）+交叉居中
*/
.c-lc-cc_ac {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}

/**
*纵向布局（元素居下）+ 交叉居中
*/
.c-lc-cb_ac {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

/**
*横向布局（元素居左）+交叉居中
*/
.c-lc-rl_ac {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

/**
*横向布局（元素居左）+交叉居中+内边距20+圆角边框+子元素高度百分百
*/
.c-lc-rl_ac_p20_br_zh100 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  border-radius: 5px;
}

.c-lc-rl_ac_p20_br_zh100>* {
  height: 100%;
}

/**
*横向布局（元素两端对齐）+交叉居中
*/
.c-lc-rbw_ai {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/**
*纵向布局（元素居上）+ 交叉居中+子元素宽度百分百
*/
.c-lc-ct_ac_w100 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;

}

.c-lc-ct_ac_w100>* {
  width: 100%;
}

/**
*纵向布局（元素居上）+边框圆角+子元素宽度百分百
*/
.c-lc-ct_br_w100 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 5px;
}

.c-lc-ct_br_w100>* {
  width: 100%;
}

/**
*纵向布局（元素居上）+边框圆角+内边距20
*/
.c-lc-ct_br_p20 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 5px;
  padding: 20px;
}


/**
*纵向布局（元素两端对齐）+交叉居中+内边距20+子元素宽度百分百
*/


/**
*左右外边距10px
*/
.c-lc-mlr {
  margin-left: 10px;
  margin-right: 10px;

}

/**
*上下外边距10px
*/
.c-lc-mtb {
  margin-top: 10px;
  margin-bottom: 10px;
}

/**
*左右内边距10px
*/
.c-lc-plr {
  padding-left: 10px;
  padding-right: 10px;
}

/**
*上下内边距10px
*/
.c-lc-ptb {
  padding-top: 10px;
  padding-bottom: 10px;
}

/**
*左右外边距20px
*/
.c-lc-mlr20 {
  margin-left: 20px;
  margin-right: 20px;
}

/**
*上下外边距20px
*/
.c-lc-mtb20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

/**
*左右内边距20px
*/
.c-lc-plr20 {
  padding-left: 20px;
  padding-right: 20px;
}

/**
*上下内边距20px
*/
.c-lc-ptb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* 最大高度为屏幕的70%+自动出现滚动条 */
.c-lc-max_h_o {
  max-height: 70vh;
  overflow: auto;
}
